.main {
  // background-image: url('@/assets/img/login-bg.jpg')
  background-size: cover
  background-position: center
  background-repeat: repeat-y
  .contain {
    // position: fixed
    // left: 50%
    // top: 40%
    // width: 90%
    // max-width: 400px
    // transform: translate(-50%, -50%)
    padding: 30px 40px
    color: #ffffff
    border-radius: 22px
    background: var(--login-box-bg)
    border: 1px solid var(--login-box-border)
    position: relative
    .close-icon {
      position: absolute
      top: 5px
      right: 5px
    }
    .logo {
      position: absolute
      left: 15px
      top: -50px
      .el-image {
        width: 80%
        cursor: pointer
      }
    }
    .header {
      width: 100%
      margin-bottom: 24px
      font-size: 24px
      color: $white_v1
      letter-space: 2px
      text-align: center
      padding-top: 10px
    }
    .content {
      width: 100%
      height: auto
      border-radius: 3px
      .block {
        // margin-bottom: 16px
        :deep() {
          .el-input__wrapper {
            background: var(--login-input-bg)
            border: none
            box-shadow: none
            // max-width: 260px
            // width: 260px
          }
          .el-input__inner {
            color: var(--login-input-color)
          }
        }
      }
      .btn-row {
        padding-top: 10px
        .login-btn {
          width: 100%
          font-size: 16px
          letter-spacing: 2px
          border-radius: 22px
        }
      }
      .text-line {
        justify-content: center
        padding-top: 10px
        font-size: 14px
      }
      .opt {
        padding: 10px 20px
        span {
          font-size: 12px
          color: #B8CCE3
          cursor: pointer
        }
      }
      .divider {
        border-top: 2px solid #c1c1c1
      }
      .clogin {
        padding: 15px
        display: flex
        justify-content: center
        .iconfont {
          font-size: 20px
          background: #E9F1F6
          padding: 8px
          border-radius: 50%
        }
        .iconfont.icon-wechat {
          color: #0bc15f
        }
      }
    }
  }
  .footer {
    color: #ffffff
    .container {
      padding: 20px
    }
  }
}